<?PHP $this->Html->script('jquery-1.7.2.min', false); ?>
<?PHP $this->Html->script('jquery-ui-1.8.18.custom.min', false); ?>
<?PHP $this->Html->script('editeurWysiwyg', false); ?>
<?PHP $this->Html->css('editeurWysiwyg', null, array('inline' => false)); ?>
<?PHP $this->Html->css('jquery-ui-1.8.18.custom.css', null, array('inline' => false)); ?>
<?PHP $this->Html->css('site', null, array('inline' => false)); ?>

<div id="conteneur_boite_a_outils">
	<div id="boite_a_outils">
		<div id="entete_boite_a_outils">Ajouter des éléments</div>
		<?PHP echo $this->Html->image('bloc.png', array('alt' => 'Ajouter un élément de type texte',
														'title' => 'Ajouter un nouveau bloc',
														'id' => 'ajouter_bloc',
														'class' => 'nouveau_bloc')); ?>
		<?PHP echo $this->Html->image('ensemble.png', array('alt' => 'Ajouter un élément de type texte',
														'title' => 'Ajouter un titre de sous-bloc',
														'id' => 'ajouter_ensemble',
														'class' => 'nouvel_ensemble')); ?>
		<?PHP echo $this->Html->image('texte.png', array('alt' => 'Ajouter un élément de type texte',
														'title' => 'Ajouter une textbox',
														'id' => 'ajouter_texte',
														'class' => 'nouvel_element')); ?>
		<?PHP echo $this->Html->image('ouinon.png', array('alt' => 'Ajouter un élément de type oui/non',
														'title' => 'Ajouter une radiobutton',
														'id' => 'ajouter_ouinon',
														'class' => 'nouvel_element')); ?>
		<?PHP echo $this->Html->image('entier.png', array('alt' => 'Ajouter un élément de type nombre',
														'title' => 'Ajouter une zone de saisie numérique',
														'id' => 'ajouter_nombre',
														'class' => 'nouvel_element')); ?>
		<?PHP echo $this->Html->image('article.png', array('alt' => 'Ajouter un élément de type article',
														'title' => 'Ajouter une combobox de type article',
														'id' => 'ajouter_article',
														'class' => 'nouvel_element')); ?>
		<?PHP echo $this->Html->image('liste.png', array('alt' => 'Ajouter un élément de type liste',
														'title' => 'Ajouter un élément de type combobox',
														'id' => 'ajouter_liste',
														'class' => 'nouvel_element')); ?>
	</div>
</div>

<div id="formulaire">
	<div class="titre">Création du formulaire</div>
	<p>Cette page vous permet de créer votre formulaire via une interface <acronym title="What You See Is What You Get">WYSIWYG</acronym>.
		<br />
		Servez vous de la barre d'outil à droite (en bleu) et faites glissez les éléments que vous souhaitez dans la boîte ci dessous.
	</p>
	
	<form action="traiterWysiwyg" method="post" id="formulaire_wysiwyg" onsubmit="return verifierFormulaire();">
		<h2>Rendu du formulaire</h2>
		<div id="boite_formulaire">
		</div>
		<input type="submit" value="Mettre à jour" />
	</form>
</div>

<script type="text/javascript">
	var articles = <?PHP echo php2js($categories); ?>;
	var questions_sites = <?PHP echo php2js($questions_sites); ?>;
	var questions_blocs = <?PHP echo php2js($questions_blocs); ?>;
	
	$(function() {
		$('#boite_a_outils').resizable({minWidth:42, minHeight:71});
		$('#boite_a_outils').draggable();
		$('#ajouter_bloc').draggable({revert:true});
		$('#ajouter_ensemble').draggable({revert:true});
		$('#ajouter_texte').draggable({revert:true});
		$('#ajouter_nombre').draggable({revert:true});
		$('#ajouter_ouinon').draggable({revert:true});
		$('#ajouter_article').draggable({revert:true});
		$('#ajouter_liste').draggable({revert:true});
		
		nouvelEmplacementElement("independant", "independant").appendTo("#boite_formulaire");
		nouvelEmplacementBloc().appendTo("#boite_formulaire");
		
		ajouterQuestionsSocietes(questions_sites);
		ajouterQuestionsExistantes(questions_blocs);
		
		window.onkeydown = function (event) {
			if(event.keyCode == 13) {
				event.stopPropagation();
				return false;
			}
		};
	});
</script>
